/**
 * Created by 小龙 on 2017/4/1.
 */
function init(){
    initEven($('#ve'),200);
    initOdd($('#ve'),'slow');
}
function initOdd(t,s){
    t.find('.children a:odd').each(function(){$(this).append('<div class="saW sa1"></div><div class="saW sa2"></div><div class="saH sa3"></div><div class="saH sa4"></div>')});

    t.find('.children a div.sa1').css({opacity:'0'});
    t.find('.children a div.sa2').css({opacity:'0'});
    t.find('.children a div.sa3').css({opacity:'0'});
    t.find('.children a div.sa4').css({opacity:'0'});
    t.find('.children a').hover(function (){
        var opacity=1;
        $(this).find('.sa1').stop().animate({
            top:'0px',
            opacity:opacity
        },s);
        $(this).find('.sa2').stop().animate({
            bottom:'0px',
            opacity:opacity
        },s);
        $(this).find('.sa3').stop().animate({
            right:'0px',
            opacity:opacity
        },s);
        $(this).find('.sa4').stop().animate({
            left:'0px',
            opacity:opacity
        },s)
    },function(){
        var opacity='0';
        $(this).find('.sa1').stop().animate({
            top:'-10px',
            opacity:opacity
        },s);
        $(this).find('.sa2').stop().animate({
            bottom:'-10px',
            opacity:opacity
        },s);
        $(this).find('.sa3').stop().animate({
            right:'-18px',
            opacity:opacity
        },s);
        $(this).find('.sa4').stop().animate({
            left:'-18px',
            opacity:opacity
        },s);
    });
}
//翻转
var initEven = function(t,d){
    t.find('.children .ve2').css({'height':0,'top':'25px'});
    if(t.find('.children .ve2').length != 0){return false;}
    t.find('.children a:even').each(function(){$(this).append('<div class="ve2 ">' + $(this).attr('href') + '</div>')});
    t.find('.children a:even').hover(function(){
        $(this).find('.ve1').stop().animate({
            'height':0,
            'top':'25px'
        },d,function(){
            $(this).hide().next().show();
            $(this).next().animate({
                'height':'40px',
                'top':'0'
            },d);
        });
    },function(){
        $(this).find('.ve2').animate({
            'height':0,
            'top':'25px'
        },d,function(){
            $(this).hide().prev().show().animate({
                'height':'40px',
                'top':'0'
            },d);
        });
    });
}
init();
